import { createWebHistory, createRouter } from "vue-router";
import HomeView from "../views/HomeIndex.vue";
import AboutView from "../views/AboutIndex.vue";
import LoginView from "../views/LoginIndex.vue";
import HomeId from "../views/HomeId.vue";
const routes = [
    {
        path: "/home",
        name: "home",
        component: HomeView,
        children: [
            {
                path: "/home/:id",
                name: "homeId",
                component: HomeId,
                props: true,
            },
        ],
    },
    { path: "/about", name: "about", component: AboutView },
    { path: "/login", name: "login", component: LoginView },
];

const router = createRouter({
    history: createWebHistory(),
    linkActiveClass: "active",
    linkExactActiveClass: "exactActive",
    routes,
});
export default router;
